<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../../favicon.ico" rel="shortcut icon" />
<link href="../../base.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../../jquery/jquery.js" type="text/javascript"></script>
<script src="../../ux/jquery.ux.js" type="text/javascript"></script>
<link href="../../ux.button/jquery.ux.button.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../../ux.button/jquery.ux.button.js" type="text/javascript"></script>
<title>jquery.ux.button</title>
</head><body>

<a href="./">&laquo; Index</a>

<style type="text/css">

#checks .ux-button-content {
	width: 50px;
	text-align: center;
	padding: 0;
	height: 20px;
	line-height: 20px;
	}	

</style>	

<script type="text/javascript">
jQuery(function($){
	$('#checks td').button("checkbox");
	});
</script>

<h2>ux.button / checkbox</h2>

<p>type = "checkbox"</p>

<table id="checks" cellpadding="0" cellspacing="2">
	<tr><td>oak</td><td>maple</td><td>pine</td></tr>
	<tr><td>walnut</td><td>cedar</td><td>ash</td></tr>
	<tr><td>cherry</td><td>willow</td><td>beech</td></tr>
	</table>

</body></html>